import 'package:flutter/material.dart';

class TabFourPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return new TabFourPageState();
  }
}

class TabFourPageState extends State<TabFourPage> {
  @override
  Widget build(BuildContext context) {
    return new Container(
      child: new Scaffold(
        body: new SingleChildScrollView(
          child: new Container(
            child: new Column(
              children: <Widget>[
                myInfoCard(),
              ],
            ),
          ),
        ),
      ),
    );
  }

  myInfoCard() {
    return new Container(
      margin: const EdgeInsets.only(top: 10.0, bottom: 6.0),
      padding: const EdgeInsets.only(top: 12.0, bottom: 8.0),
      child: new Column(
        children: <Widget>[
          new Container(
            margin:
                const EdgeInsets.only(left: 46.0, right: 16.0, bottom: 16.0),
            decoration: new BoxDecoration(
                color: new Color(0xFFF5F5F5),
                borderRadius: new BorderRadius.all(new Radius.circular(6.0))),
            child: new FlatButton(
                onPressed: () {},
                child: new Container(
                  child: new ListTile(
                    leading: new Container(
                      child: new CircleAvatar(
                        backgroundImage: new NetworkImage(
                            "https://avatars1.githubusercontent.com/u/20720544?s=400&u=c4a1232f66b78874f5f8d1d50479fecdf4458e2c&v=4"),
                        radius: 20.0,
                      ),
                    ),
                    title: new Container(
                      margin: const EdgeInsets.only(bottom: 2.0),
                      child: new Text("shiming"),
                    ),
                    subtitle: new Container(
                      margin: const EdgeInsets.only(top: 2.0),
                      child: new Text("一句话介绍自己"),
                    ),
                  ),
                )),
          ),
          new Container(
            child: new Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                new Container(
                  width: (MediaQuery.of(context).size.width - 6.0) / 4,
                  child: new FlatButton(
                      onPressed: () {},
                      child: new Container(
                        height: 50.0,
                        child: new Column(
                          children: <Widget>[
                            new Container(
                              child: new Text(
                                "43",
                                style: new TextStyle(
                                    fontSize: 16.0, color: Colors.brown),
                              ),
                            ),
                            new Container(
                              child: new Text(
                                "创作",
                                style: new TextStyle(
                                    fontSize: 12.0, color: Colors.brown),
                              ),
                            ),
                          ],
                        ),
                      )),
                ),
                new Container(
                  height: 14.0,
                  width: 1.0,
                  decoration: new BoxDecoration(
                      border: new BorderDirectional(
                          start: new BorderSide(
                              color: Colors.black12, width: 1.0))),
                ),

              ],
            ),
          )
        ],
      ),
    );
  }
}
